<!--
 * @Author: fcli
 * @Date: 2023-09-04 10:32:44
 * @LastEditors: fcli
 * @LastEditTime: 2023-11-03 18:05:08
 * @FilePath: /vue-text-overflow/src/App.vue
 * @Description: 
-->

<template>
  <div class="content">
    <vue-text-overflow :showOverflowTooltip="false" :showExport="true" :lineNum="3">
      这是一段文字<span style="color:red">带html标签</span>，文本超出省略溢出测试文本超出省略溢出测试文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试
    </vue-text-overflow>
    <vue-text-overflow :showOverflowTooltip="false" :showExport="true" :lineNum="3">
      这是一段文字<span style="color:red">带html标签</span>，文本超出省略溢出测试文本超出省略溢出测试文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试，文本超出省略溢出测试
    </vue-text-overflow>
    </div>
</template>

<script setup lang="ts">
import VueTextOverflow from './plugin/index.vue';
components:{
  VueTextOverflow
}
</script>

<style scoped>

</style>
